
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="author" content="" />
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
	<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Superfish -->
	<link rel="stylesheet" href="css/superfish.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">

	<link rel="stylesheet" href="css/style.css">
	<style type="text/css">
	body,td,th {
    font-family: "幼圆";
    color: #000000;
}
body {
    background-color: #F2FFF4;
}
    .no-js body #fh5co-wrapper #fh5co-page #fh5co-work-section .container p {
    font-family: 幼圆;
}
    .no-js body #fh5co-wrapper #fh5co-page #fh5co-work-section .container p {
    font-family: 幼圆;
}
    </style>


	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<div id="fh5co-header">
			<header id="fh5co-header-section">
				<div class="container">
					<div class="nav-header">
						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
						<h1 id="fh5co-logo"><a href="index.html"><i class="icon-home2"></i>城市名片</a></h1>
						<!-- START #fh5co-menu-wrap -->
						<nav id="fh5co-menu-wrap" role="navigation">
							<ul class="sf-menu" id="fh5co-primary-menu">
								<li>
									<a href="index.html">主页</a>
								</li>
								<li><a class="active" href="work.html">历史</a></li>
								<li><a href="about.html">风景</a></li>
								<li><a href="contact.html">美食</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</header>		
		</div>
		<!-- end:fh5co-header -->
		<aside id="fh5co-hero" class="js-fullheight">
			<div class="flexslider js-fullheight">
				<ul class="slides">
			   	<li style="background-image: url(images/slide_1.jpg);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
			   				<div class="slider-text-inner desc">
			   					<h2 class="heading-section">青岛的悠久历史</h2>
			   					<p class="fh5co-lead">先秦古文明 <i class="icon-heart3"></i> 改革开放先行城市 <a href="http://" target="_blank"></a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			  	</ul>
		  	</div>
		
					</div>
				</div>
				<p><span style="font-size: 18px; font-family: '幼圆';">从距今约7000-3600年的先秦时代起</span> </p>
                <p><span style="font-size: 18px; font-family: '幼圆';">青岛在历史长河中，逐步绽放</span> </p>
                <p><span style="font-size: 18px; font-family: '幼圆';">那青岛在漫漫长河中到底都经历了什么呢？</span> </p>
                <p><span style="font-size: 18px; font-family: '幼圆';">先秦时代</span> </p>
                <p><span style="font-size: 18px; font-family: '幼圆';">胶州湾是青岛的母亲港，早在7000年前，东夷先民就在这里繁衍生息，孕育了北辛文化的北阡遗址和大汶口文化的三里河遗址。</span> </p>
<p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/4b1ba8c1ec9a4cc2b138d1dd6be1e44f.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">公元前21世纪至公元前770年，在今青岛地区先后形成了莱、莒、介、夷等方国。初秋战国时期，出现了琅琊即墨等大城市，成为齐国政治、经济、文化和航海中心，</span></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">秦汉时期</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">公元前221年，秦始皇统一中国，在齐琅琊邑设置琅琊郡，是秦朝36郡中唯一的滨海郡城和最重要的海港城市。公元前219年至210年，秦始皇三次东巡琅琊，筑琅琊台、立石刻、建琅琊宫，遣方士徐福出海求仙药。揭开了中国大规模航海探险活动的序幕，琅琊成为古代海洋文化的源头和海上丝绸之路的起点。</span><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/42885b97b7dd48c2af1a35fdcc735962.jpeg" max-width="600"></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">西汉以后，因地震和战乱，琅琊、即墨失去了中心地位，胶州湾地区陷入长期的衰败和萧条。魏晋南北朝时期</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">青岛与一带一路倡议有着悠久的历史渊源，早在1600多年前，东晋高僧法显，经陆上丝绸之路，赴古印度寻求真经，十年之后沿海上丝绸之路，途经孟加拉湾、斯里兰卡、苏门答腊、南海、台湾海峡，最终北上 在长广郡牢山（今崂山）南岸登陆青岛，后在郡城（今城阳北）根据西天取经的经历，写出《佛国记》初稿。</span><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/056a43c7ab654fe299f3e8b838a046bd.jpeg" max-width="600"></p>
                <p> <span style="font-size: 18px; font-family: '幼圆';">隋唐宋时期 </span> </p>
                <p><span style="font-size: 18px; font-family: '幼圆';">隋唐时期，胶州湾地区逐渐恢复繁荣。胶州湾内的胶西县板桥镇成为重要的港口。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">北宋时期在板桥镇港设密州市舶司，成为中国北方唯一开放口岸，是宋朝与朝鲜，日本交流的主要港口之一。宋金对峙时期，胶西港成为金国 军港和 两国互市贸易口岸。</span></p>
                <p> <span style="font-size: 18px; font-family: '幼圆';">元明清时期</span> </p>
              <p><span style="font-size: 18px; font-family: '幼圆';">元朝初年，开凿了链接胶州湾与莱州湾的 胶莱运河，为世界上第一条海阳运河，成为我国南北海上运输的主要通道。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/90f5c50af7ac4bd59434029018aa21ce.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">明朝初年，为防止倭寇侵占，在胶州湾设置了 灵山卫、鳌山卫及胶州所、夏河寨所、雄崖所、 浮山所等军事建制，成为明清海防要地。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">清朝雍正年间，裁撤卫所，其土地人口并入 胶州、即墨、诸城等州县， 胶州湾成为无防之地。胶澳设防——青岛建置之始</span></p>
              <p>1840年鸦片战争之后，西方列强入侵中国。胶州湾及其周边区域的地理优势及丰富物产令西方列强觊觎。据载清咸丰十一年（1861年）后，多国军舰经常出入胶州湾。19世纪70年代德国开始对山东的调查活动，地质学家李希霍芬在《中国》一书中首次提出了丝绸之路的表述，并提出将青岛作为进入整个中国市场的一扇门户。光绪十七年（1891年）6月14日清政府内阁明发上谕允许在胶澳设防，是为青岛建置之初。</span></p>
                <p> <span style="font-size: 18px; font-family: '幼圆';">至此近代青岛第一次进入国家的战略视野，战略位置为世人所知。</span><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/ae985e08c6934da499050e58f36a4256.jpeg" max-width="600"></p>
                <p> <span style="font-size: 18px; font-family: '幼圆';">德国强租胶澳</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1897年11月14日，德国借口巨野教案武力侵占胶州湾。翌年3月逼迫清政府签订《胶澳租借条约》，强行租借胶州湾及周边陆地岛屿。德国设置胶澳总督府，使青岛成为唯一直隶德国海军部的殖民地，并将山东纳入其势力范围。1899年10月德皇威廉二世将胶州保护地的新市区命名为青岛（TSINGTAU）。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/8de5193f9c3540808bb509875e92cccb.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1898年，德国胶澳总督府编制完成第一份青岛城市规划方案《拟在青岛湾新建城市的建设规划》，规划明确了城市主要功能分区和重要公共建筑的选址（由于对规划中的去油功能划分及火车站、教堂的位置存在争议，未能实施）。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1900年，在1898年规划基础上修订编制的《青岛城市规划》， 将城市性质确定为海军基地和商贸港口城市，规划区面积约20平方公里，规划注重利用自然和地形条件，形成分区明确、功能完善的规格划区，沿南部滨海一带布置行政中心和生活功能区，沿胶州湾东安布置了要塞港口、铁路、工厂等设施。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">在城市总体规划基础上，德国胶澳总督府又编制了 港口、铁路、城市路网，给排水系统和造林绿化等专项规划。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';"> 青岛近代城市的形成</span></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">在青岛要塞规划的基础上，德国当局依据华洋分治的政策对青岛城市的功能定位，分区布局进行了专项规划，将青岛划分为 码头区、别墅区以及青岛、大鲍岛等九个小区。 最终建成了码头区和青岛区、大鲍岛区、台东镇、台西镇四个街区。青岛也成为要塞中成长起来的城市。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/6bf6fe8a86e74e958400c3365e345e46.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">图为大鲍岛区随着中西文化的融合交汇，形成了独具特色的规划风格和城市风貌。至1914年， 青岛已发展成为集军事要塞、海军基地、海陆交通枢纽于一体的港口要塞城市和环境优美的海滨旅游城市。第一次日占时期</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1914年，第一次世界大战爆发， 日本取代德国占据青岛。日本当局设立纺织、化工、盐田等工商企业，掠夺土地和矿产资源。</span></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">1914年到1922年日占时期，城市建设仍延续德制青岛规划，实施了三期市街扩张计划， 城市空间沿胶州湾东岸和铁路线向西、向北拓展。1917年以后，城市建设速度加快，在四方沧口一带填海造地，先后建设了六大纱厂，在铁路沿线和胶州湾东岸形成了工业区。南宿北工的带型城市格局形成。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/f1c3376b279840a5a51af413818e2c00.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">图为日本商业街聊城路 南京国民政府时期</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1929年4月，南京国民政府接管青岛 设置青岛特别市，直属中央政府管辖，青岛进入城市规划建设的快速发展期。</span></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">1929年，青岛市政府制定 湛山特别区规划，即后来的八大关别墅去建设规划，因此形成了具有万国建筑博览会国际美誉的特色风貌别墅区。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/3debd0f2c81c434aaf39dec12f9b7724.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1935年青岛工务局编制了《青岛市施行都市计划案初稿》， 是中国规划师为青岛制定的第一份城市总体规划，对城市进行了功能分区和具体规划，就青岛市中心区域、全市功能分区、道路、园林、一般交通、卫生等六方面予以具体规划。 规划范围北至沧口、李村，东至辛家庄、麦岛一带。</span><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/9462e2464ab04dd69fa76bea76e97e13.jpeg" max-width="600"></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">并在历史上首次对青岛未来发展规模进行了预测。规划将青岛城市性质确定为中国五大经济区中黄河区的出海口，工商、居住、浏览城市， 规划中还提出交通应及早谋划地下与高架之设备，是中国最早提出建设地铁的城市。第二次日占时期</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1938年1月，日本再次侵占青岛。在这一时期，青岛除建设了监视设施和军工企业外， 城市建设陷入停滞。</span><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/f28d129a8c2f4770bed0362fd0bda21e.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1939年6月，日本为推行所谓大青岛计划， 将郊县、即墨划归青岛。1939年编制的《青岛特别是地方计划》、《青岛特别市母市计划》， 将青岛城市性质确定为华北水陆交通的要冲、军事和华北经济开发的基地、重要的工业区和观光城市。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1945年8月，日本战败投降。1949年6月2日，青岛解放。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';"> 1960年青岛市总体规划</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1960年编制的《青岛市城市总体规划》， 将城市性质确定为具有国防、工业、港口和休疗养功能的综合性城市。规划为满足工业生产发展的要求，集中建设 台东、四方、水清沟、沧口、楼山5个工业区。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1960年的《青岛市城市总体规划》中，将 汇泉广场以东、延安路以南、大麦岛以西划定为疗养区，并首次编制了《青岛疗养区规划》。</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';"> 青岛市城市总体规划</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">1978年12月十一届三中全会时期，青岛的城市地位发生了较大的变化。1981年，青岛市被列为全国15个经济中心城市之一。1984年，被列为全国14个进一步对外开放的沿海港口城市之一。1986年，被批准为5个计划单列市之一。</span></p>
              <p><span style="font-size: 18px; font-family: '幼圆';">1984年1月5日，规划将城市性质确定为 轻纺工业、外贸港口、海洋研究和风景旅游城市，规划以海泊河、李村河为界，将市区划为南、中、北三个组团。</span></p>
                <p><img src="http://5b0988e595225.cdn.sohucs.com/images/20180809/65d114a2222e43a0989e1ac5aeeb8fe7.jpeg" max-width="600"></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">青岛，历经百年风雨的洗礼后</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">依旧在茁壮成长着</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">既保留了那时的历史底蕴又融合了现代的发展</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">青岛的历史建筑已经成为青岛独特的名片</span></p>
                <p><span style="font-size: 18px; font-family: '幼圆';">都让青岛变得更为绚丽，更为丰富</span><a title="点击进入搜狐首页" id="backsohucom" href="https://www.sohu.com/?strategyid=00001&spm=smpc.content.content.2.1574079748011tsCFeME" target="_blank" data-spm-data="2"></a></p>
			</div>
		</div>
	</aside>
		<div id="fh5co-work-section">
			<div class="container">
				<div class="row">
					<div class="col-md-4 text-center project">
						<a href="#" class="grid-project">
							<div class="image"><img src="images/project-1.jpg" alt="Project" width="365" height="224" class="img-responsive"></div>
							<div class="desc">
							  <h3>历史</h3>
							  <span>足迹</span>
							</div>
						</a>
					</div>
					<div class="col-md-4 text-center project">
						<a href="#" class="grid-project">
							<div class="image"><img src="images/project-2.jpg" alt="Project" width="397" height="224" class="img-responsive"></div>
							<div class="desc">
								<h3>风景</h3>
								<span>名胜</span>
							</div>
						</a>
					</div>
					<div class="col-md-4 text-center project">
						<a href="#" class="grid-project">
							<div class="image"><img src="images/project-3.jpg" alt="Project" width="336" height="224" class="img-responsive"></div>
							<div class="desc">
								<h3>美食</h3>
								<span>天地</span>
							</div>
						</a>

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->

	<!-- jQuery -->


	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Superfish -->
	<script src="js/hoverIntent.js"></script>
	<script src="js/superfish.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>

	<!-- Main JS (Do not remove) -->
	<script src="js/main.js"></script>

	</body>
</html>

